<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div class="g-container">
        <h3 style="width: 100%; text-align: center;padding: 10px 0px;background-color: white;color: black;">分类</h3>
        <!-- 子路由输出 -->
        <div class="g-wrapper">
            <div class="g-category-container">
                <div class="g-category-wrapper">
                    <ul class="g-category">
                        <li class="active">海鲜</li>
                        <li class="">中餐</li>
                        <li class="">外卖</li>
                        <li class="">料理</li>
                        <li class="">中餐</li>
                        <li class="">外卖</li>
                        <li class="">料理</li>
              
                    </ul>
                    <div class="g-content">
                        <div class="g-content-item">
                            <img
                                src="https://image4.suning.cn/uimg/b2c/newcatentries/0000000000-000000000178605073_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>

                        <div class="g-content-item">
                            <img
                                src="https://image4.suning.cn/uimg/b2c/newcatentries/0000000000-000000000178605073_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>


                        <div class="g-content-item">
                            <img
                                src="https://image5.suning.cn/uimg/b2c/newcatentries/0070066196-000000000682437966_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>


                        <div class="g-content-item">
                            <img
                                src="https://image5.suning.cn/uimg/b2c/newcatentries/0070066196-000000000682437966_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>
                        <div class="g-content-item">
                            <img
                                src="https://image4.suning.cn/uimg/b2c/newcatentries/0000000000-000000000178605073_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>

                        <div class="g-content-item">
                            <img
                                src="https://image4.suning.cn/uimg/b2c/newcatentries/0000000000-000000000178605073_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>


                        <div class="g-content-item">
                            <img
                                src="https://image5.suning.cn/uimg/b2c/newcatentries/0070066196-000000000682437966_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>


                        <div class="g-content-item">
                            <img
                                src="https://image5.suning.cn/uimg/b2c/newcatentries/0070066196-000000000682437966_1_800x800.jpg"
                                alt="shop"
                            />
                            <div class="g-goods-right">
                                <h2 class="m-good-name ellipsis">科龙(Kelon) 正1.5匹</h2>
                                <p class="ellipsis">科龙(Kelon) 正1.5匹 定速 冷暖 空调挂机</p>
                                <p>90￥</p>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <!--底部tab区域-->
        <ul class="g-tab-footer">
            <li class=""> 首页</li>
            <li class="active"> 分类</li>
            <li class=""> 购物车</li>
            <li class=""> 我的</li>
        </ul>
    </div>
</body>

</html>